<template>
  <div class="hello">
    <myheader> </myheader>
    
    <section class="content-wrap" >
      <router-view />
    </section>

    <myfooter></myfooter>
    
  </div>
</template>

<script>
import  myheader  from './header.vue';
import  myfooter  from './footer.vue';
export default {
  name: "Main",
  components:{
    myheader,
    myfooter
  },
  data() {
    return {
     
    };
  },
  created() {},
  methods: {}
};
</script>
<style  scoped>
.hello{
  height: 100%;
  box-sizing: border-box;
  padding-top: 100px;
  background: #ebebeb;
}

</style>
<style src="../assets/css/style.css"></style>
<style src="../assets/css/font-awesome.min.css"></style>
<style src="../assets/css/bootstrap.min.css"></style>

